.side-component {
    position: absolute;
    z-index: 8;
    opacity: 0;
    // transition: all .3s ;
}

.side-component-top {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.side-component-left {
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
}

.side-component-bottom {
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
}

.side-component-right {
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
}